<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('量化席位')" />
</head>
<body class="gray-bg">
     <div class="container-div">
        <div class="row">
            <div class="col-sm-12 ">
                <blockquote class="text-danger" style="font-size:14px; border-left-color: #ed5565;">
                    <span><h4>可疑量化席位：</h4></span>
                    <br>1.中国国际金融股份有限公司上海分公司  2.华泰证券股份有限公司总部  3.华鑫证券有限责任公司上海分公司  4.华鑫证券有限责任公司上海陆家嘴证券营业部
                    <br>5.华鑫证券有限责任公司成都交子大道证券营业部  6.中国银河证券股份有限公司北京中关村大街证券营业部
                    <br>
                    <br>如有其他量化席位推荐或者其他相关的问题：请留言。
                </blockquote>
            </div>
            <div class="btn-group-sm" id="toolbar" role="group">
                 <select class="form-control" id="datePicker" name="type" oninput="change()"></select>
            </div>
            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>
            </div>
        </div>
    </div>
    <th:block th:include="include :: footer" />
    <script th:inline="javascript">
        var trade_date_list =[[${trade_date_list}]]
        trade_date_list = JSON.parse(trade_date_list);
        for(i in  trade_date_list){
            $("#datePicker").append('<option value="'+trade_date_list[i]+'">'+trade_date_list[i]+'</option>')
        }
        var options = {
            url:  "/lhb/lhxw/list?tradeDate="+trade_date_list[0],
            modalName: "量化席位",
            pageSize:25,
            columns: [
            {
                field: 'stockCode',
                title: '代码'
            },
            {
                field: 'stockName',
                title: '名称'
            },
            {
                field: 'buyCount',
                title: '买入席位数'
            },
            {
                field: 'sellCount',
                title: '卖出席位数'
            },
            {
                field: 'buyValue',
                title: '买入'
            },
            {
                field: 'sellValue',
                title: '卖出'
            },
            {
                field: 'buyNet',
                title: '净买入'
            },
            {
                field: 'volValue',
                title: '交易额'
            },
            {
                field: 'percent',
                title: '买入比例',
                formatter: function(value, row, index) {
                    if(value >10){
                        return '<span style="color:red">'+value.toFixed(1)+'</span>';
                    }else{
                        return value.toFixed(1);
                    }
                }
            },
            {
                field: 'type',
                title: '单日/三日',
                formatter: function(value, row, index) {
                    if(value ==3){
                        return value;
                    }
                }
            }]
        };
        $.table.init(options);
        function change(){
            options['url'] = "/lhb/lhxw/list?tradeDate="+$("#datePicker").val()
            $.table.destroy();
            $.table.init(options);
        }
    </script>
</body>
</html>